<template>


    <div>
       <section class="search">
        
          <HeaderTop title="搜索"></HeaderTop>
         <form class="search_form" action="#">
           <input type="search" name="search" placeholder="请输入商家或美食名称" class="search_input">
           <input type="submit" name="submit" class="search_submit">
         </form>
       </section>
     </div>
 </template>
 
 <script>
 import HeaderTop from "../../components/HeaderTop/HeaderTop";
 
 //引入封装好的api请求
 import { reqCategorys,reqShops   ,reqLogout,reqUser,reqSmsLogin,reqSendCode,reqSingleCode,reqPwdLogin} from "../../api/index";

 export default {
   data() {
     return {};
   },
   created() {},
   mounted() {
     // reqCategorys().then((res) => {
     //   console.log(res);
     // });
 
     // let params = { latitude: 40.10038, longitude: 116.36867 }
     // reqShops(params).then(res=>{
     //     console.log(res.data)
     // })

     reqLogout().then(res=>{
      console.log('reqLogout',res)
    })

    reqUser().then(res=>{
      console.log('reqUser',res)
    })
 
   },
   methods: {},
   components: {
     HeaderTop,
   },
 };
 </script>
 
 <style scoped lang='stylus'>
 @import '../../common/stylus/mixins';
 
 section         
       &.search  //搜索
           width 100%
           .search_form
             clearFix()
             margin-top 45px
             background-color #fff
             padding 12px 8px
             input
               height 35px
               padding 0 4px
               border-radius 2px
               font-weight bold
               outline none
               &.search_input
                 float left
                 width 79%
                 border 4px solid #f2f2f2
                 font-size 14px
                 color #333
                 background-color #f2f2f2
               &.search_submit
                 float right
                 width 18%
                 border 4px solid #02a774
                 font-size 16px
                 color #fff
                 background-color #02a774
        
 </style>
 